<template>
    <div class="teacherInfoQuery">
        <el-breadcrumb separator="/" class="breadcrumb-bottom">
            <el-breadcrumb-item :to="{ path: '/' }">统计分析</el-breadcrumb-item>
            <el-breadcrumb-item>教师信息查询</el-breadcrumb-item>
        </el-breadcrumb>
          <el-form :model="teacherQueryForm" :rules="rules" ref="teacherManageForm" label-width="0px">
            <el-row :gutter="20">
                <el-col :span="4">
                    <el-form-item prop="">
                    <el-input v-model="teacherQueryForm.teacherName" placeholder="请输入教师姓名"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="teacherQueryForm.sex" placeholder="请选择性别">
                            <el-option label="男" value="1"></el-option>
                            <el-option label="女" value="2"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="teacherQueryForm.degree" placeholder="请选择学位">
                            <el-option label="硕士" value="1"></el-option>
                            <el-option label="本科" value="2"></el-option>
                            <el-option label="博士" value="3"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="teacherQueryForm.position" placeholder="请选择职称">
                            <el-option label="讲师" value="1"></el-option>
                            <el-option label="副教授" value="2"></el-option>
                            <el-option label="教授" value="3"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="4">
                    <el-form-item prop="">
                    <el-input v-model="teacherQueryForm.schoolTime" placeholder="请输入在校时长"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="2" class="overflow-clear">
                    <el-button type="primary" @click="submitForm('teacherQueryForm')" class="float-right">立即搜索</el-button>
                </el-col>
            </el-row>
        </el-form>
        <div>
            <el-button-group style="margin-bottom:4px;" class="float-right">
            <el-button type="primary">导入数据</el-button>
            <el-button type="primary">导出数据</el-button>
            </el-button-group>
        </div>
        <hr/>
        <div>
              <el-table
                    :data="tableData"
                    style="width: 100%">
                    <el-table-column
                        prop="date"
                        label="教师编号"
                        width="170">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="姓名"
                        width="170">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="性别"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="date"
                        label="学位"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="性别"
                        width="180">
                    </el-table-column>
                      <el-table-column
                        prop="name"
                        label="职称"
                        width="180">
                    </el-table-column>
                      <el-table-column
                        prop="name"
                        label="职位"
                        width="180">
                    </el-table-column>
                      <el-table-column
                        prop="name"
                        label="在校时间"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="联系方式">
                    </el-table-column>
                </el-table>
            </div> 
    </div>
</template>
<script>
    export default{
        name:'teacherInfoQuery',
        data(){
            return {
                 teacherQueryForm:{
                    teacherName:'',
                    sex:'',
                    degree:'',
                    position:'',
                    schoolTime:''
                },

            }
        },
        components:{


        }
    }
</script>
<style>

</style>